<template>
  <div>
    <!--  标题栏  -->
    <div>
      <div><img src="../../.././assets/static/publicImg/back.png"></div>
      <div><span>积分历史</span></div>
    </div>
    <!--  内容  -->
    <div>
      <!--  搜索框  -->
      <div>
        <div>
          <div><img src="../../.././assets/static/pointsLog/5.png"> </div>
          <div><span>搜索</span></div>
        </div>
      </div>
      <!--  积分信息  -->
      <div>
        <!--  积分余额  -->
        <div>
          <div><span>积分余额</span></div>
          <!--  积分图标和数额  -->
          <div>
            <div>
              <img src="../../.././assets/static/pointsLog/6.png">
            </div>
            <div>
              <span>2017</span>
            </div>
          </div>
        </div>
        <!--  选择时间  -->
        <div>
          <div>
            <span>2020年10月</span>
          </div>
          <div>
            <img src="../../.././assets/static/pointsLog/2.png">
          </div>
        </div>
        <!--  收入和支出积分  -->
        <div>
          <div>
            <span>支出积分：200</span>
          </div>
          <div><span>收入积分：1300</span></div>
        </div>
      </div>
      <!--  积分记录  -->
      <div>
        <!--  领取奖励  -->
        <div>
          <!--  左侧图标和积分获得/消费名称  -->
          <div>
            <!--  图标  -->
            <div>
              <img src="../../.././assets/static/pointsLog/3.png">
            </div>
            <!--  积分获得/消费名称和时间 -->
            <div>
              <div><span>领取奖励</span></div>
              <div><span>10月8日 15：11</span></div>
            </div>
          </div>
          <!--  消费/获得的积分数  -->
          <div>
            <span>+1.000</span>
          </div>
        </div>
        <!--  购买商品  -->
        <div>
          <div>
            <div>
              <img src="../../.././assets/static/pointsLog/4.png">
            </div>
            <div>
              <div><span>购买商品</span></div>
              <div><span>10月8日 15：11</span></div>
            </div>
          </div>
          <div>
            <span>-1.000</span>
          </div>
        </div>
        <!--  充值  -->
        <div>
          <div>
            <div>
              <img src="../../.././assets/static/pointsLog/1.png">
            </div>
            <div>
              <div><span>领取奖励</span></div>
              <div><span>10月8日 15：11</span></div>
            </div>
          </div>
          <div>
            <span>+1.000</span>
          </div>
        </div>
        <div>
          <div>
            <div>
              <img src="../../.././assets/static/pointsLog/4.png">
            </div>
            <div>
              <div><span>领取奖励</span></div>
              <div><span>10月8日 15：11</span></div>
            </div>
          </div>
          <div>
            <span>+1.000</span>
          </div>
        </div>
        <div>
          <div>
            <div>
              <img src="../../.././assets/static/pointsLog/1.png">
            </div>
            <div>
              <div><span>领取奖励</span></div>
              <div><span>10月8日 15：11</span></div>
            </div>
          </div>
          <div>
            <span>+1.000</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Middle',
  components: {
  },
  data() {
    return {
      artical: [
        {}
      ],
    }
  },
  methods: {},
  mounted() {
  }
}
</script>

<style scoped>


/*-------------- message -----------------*/
.message {
  margin-top: 14px;
}

.link {
  width: 14px;
  height: 14px;
}
</style>
